<template>
  <div class="header">
    <Weather :cityName="bus.cityName"></Weather>
  </div>
</template>

<script>
  import Weather from '@/modules/weather2/Weather2'
  export default {
    name: 'vm-header',
    props: ['bus'],
    components: {
      Weather
    }
  }
</script>

<style>
  .header {
    height: 126px; background-color: rgba(0,92,115,0.35);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
</style>
